$(function () {
  var body = document.getElementsByTagName('body')[0];
  if (body.id === 'indexBody') {
    /*初始化视频*/
    var player;
    var videoInit = function () {
      /*var userAgent = navigator.userAgent;
      if (isMoble) {
        // 如果是移动端，不播放视频
        return;
      }*/
      var options = {};
      player = videojs('my-player', options);

      // 加载完成自动播放且没声音
      player.on('loadeddata', function () {
        DOM.$video.addClass('visible');
        player.volume(0);
        player.play();
      });

      // 点击全屏按钮
      DOM.$fullScreen.on('click', function () {
        // 锁定滑动
        mySwiper.allowSlideNext = false;
        mySwiper.allowSlidePrev = false;
        // 隐藏或显示相关内容
        DOM.$jsDes.addClass('hidden');
        player.controls(true);
        player.volume(100);
        DOM.$swiperNext.fadeOut(400);
        DOM.$switchLanguage.fadeOut(400);
        DOM.$cancleFullScreen.fadeIn(400);
      });

      // 点击取消全屏
      DOM.$cancleFullScreen.on('click', function () {
        // 解锁滑动
        mySwiper.allowSlideNext = true;
        mySwiper.allowSlidePrev = true;
        // 隐藏或显示相关内容
        player.controls(false);
        player.volume(0);
        DOM.$jsDes.removeClass('hidden');
        DOM.$cancleFullScreen.fadeOut(400);
        DOM.$swiperNext.fadeIn(400);
        DOM.$switchLanguage.fadeIn(400);
      });
    };
    videoInit();

    // 第一页点击标题，显示内容
    var bottomValue = DOM.$siludi.css('bottom');
    DOM.$siludi.on('mouseenter', function () {
      var $this = $(this);
      if (DOM.$sloganList.is(':hidden')) {
        $this.animate({ bottom: '70%' });
        DOM.$sloganList.show();
      }
    });
    DOM.$siludi.on('click', function () {
      var $this = $(this);
      if (DOM.$sloganList.is(':visible')) {
        $this.animate({ bottom: bottomValue });
        DOM.$sloganList.slideUp();
      }
    });

    // 给swiper绑定change插件
    mySwiper.on('slideChange', function () {
      // 页面切换后执行
      var $container = $('.swiper-body');
      var index = this.activeIndex;

      // if (!isMoble) {
        // 非移动端才执行本段代码
        if (index !== 0) {
          // 如果不是第一屏，停止播放视频
          player.pause();
          // 恢复第一页的文字框
          if (DOM.$sloganList.is(':visible')) {
            DOM.$siludi.animate({ bottom: bottomValue });
            DOM.$sloganList.slideUp();
          }
        } else {
          // 如果不是第一屏，播放视频
          player.play();
        }
      // }

      var showNext = function () {
        if (!DOM.$swiperNext.hasClass('swiper-button-next')) {
          DOM.$swiperNext.addClass('swiper-button-next');
        }
      };

      // 根据不同的index，添加不同的类，控制边框颜色
      switch (this.activeIndex) {
        case 0:
          $container.removeClass('slide1 slide2 slide3').addClass('slide0');
          showNext();
          break;
        case 1:
          $container.removeClass('slide0 slide2 slide3').addClass('slide1');
          showNext();
          break;
        case 2:
          $container.removeClass('slide0 slide1 slide3').addClass('slide2');
          showNext();
          break;
        case 3:
          $container.removeClass('slide0 slide1 slide2').addClass('slide3');
          DOM.$swiperNext.removeClass('swiper-button-next');
          break;
        default:
          $container.removeClass('slide1 slide2 slide3').addClass('slide0');
          showNext();
          break;
      }
    });

    // 初始化公司亮点的swiper
    var advanceSwiper = null;
    var advanceSwiperInit = function () {
      DOM.$commonSwiper.hide();  // 隐藏主页面
      DOM.$switchLanguage.fadeOut();  // 隐藏切换语言按钮
      DOM.$advanceSwiper.fadeIn(); // 显示公司亮点页面
      DOM.$closeMask.addClass('show');  // 显示关闭弹框按钮
      advanceSwiper = new Swiper('.advanceSwiper', {
        direction: 'vertical',
        loop: false,
        // 响应鼠标滚轮
        mousewheel: true,
        // 将宽和高取整，防止某些情况下边界模糊
        roundLengths: true,
        lazy: true,
        observer:true,
        observeParents:true,
        on: {
          init: function () {
            swiperAnimateCache(this); //隐藏动画元素
            swiperAnimate(this); //初始化完成开始动画

            // 初始化嵌套的swiper
            advanceSonSwiperInit();
          },

          slideChangeTransitionEnd: function () {
            swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
          },
          slideChange:function() {
            /*显示标题*/
            if (this.activeIndex === 0 && DOM.$contentWrapH.hasClass('hidden')) {
              DOM.$contentWrapH.removeClass('hidden');
            }
          }
        }
      });
    };


    var advanceTimer = null;  // 储存定时器
    var advanceListLiSlide = function () {
      // 公司亮点切换list，并更换图片
      var index = 0;
      advanceTimer = setInterval(function () {
        var liCurrent = DOM.$advanceListLi.eq(index);
        var src = liCurrent.data('src'); // 获取真实的src
        liCurrent.addClass('current').siblings().removeClass('current');
        DOM.$companyImgBox.attr('style', 'background-image: url("' + src + '")'); // 设置src
        index++;
        if (index >= DOM.$advanceListLi.length) {
          // 如果已经轮播到最后，返回第一张
          index = 0;
        }
      }, 3000);
    };
    // 初始化公司亮点嵌套的swiper
    var advanceSonSwiper = null;
    var advanceSonSwiperInit = function () {
      advanceSonSwiper = new Swiper('.advanceSonSwiper', {
        loop: false,
        // 将宽和高取整，防止某些情况下边界模糊
        roundLengths: true,
        lazy: true,
        observer: true,
        observerParents: true,
        on: {
          init: function () {
            swiperAnimateCache(this); //隐藏动画元素
            swiperAnimate(this); //初始化完成开始动画
            advanceListLiSlide();   // 开启自动播放

            // 初始化嵌套的患者为先swiper
            cooperationSwiperInit();
          },

          slideChangeTransitionEnd: function () {
            swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
          },
          slideChange: function () {
            // 切换时，与tab联动
            var index = this.activeIndex;
            DOM.$advanceBarLi.eq(this.activeIndex).addClass('current').siblings().removeClass('current');
            /*显示或隐藏标题*/
            if (index === 2 && !DOM.$contentWrapH.hasClass('hidden')) {
              DOM.$contentWrapH.addClass('hidden');
            } else {
              DOM.$contentWrapH.removeClass('hidden');
            }
          }
        }
      });
    };

    var cooperationSwiper = null;
    var cooperationSwiperInit = function(){
      cooperationSwiper = new Swiper('.cooperationContainer',{
        direction: 'vertical',
        slidesPerView: 'auto',
        freeMode: true, // 内部可滚动
        nested: true,  // 同向嵌套
        autoHeight: true,
        /*scrollbar: {
          el: '.swiper-scrollbar1'
        },*/
        grabCursor: true  // 光标显示为手型
      })
    };

    DOM.$companyDetail.on('mouseenter click', function () {
      // 点击查看更多，显示公司亮点页面
      advanceSwiperInit();
    });

    DOM.$advanceListLi.on('mouseenter click', function () {
      // 公司亮点切换list，并更换图片
      var src = $(this).data('src');
      $(this).addClass('current').siblings().removeClass('current');
      DOM.$companyImgBox.attr('style', 'background-image: url("' + src + '")');
    });

    DOM.$advanceList.hover(function () {
      // 当鼠标进入时，停止轮播
      clearInterval(advanceTimer);
      advanceTimer = null;
    }, function () {
      // 开启自动播放
      advanceListLiSlide();
    });
    DOM.$advanceBarLi.on('mouseenter click', function () {
      // 公司亮点切换tab, 并切换相应内容
      var index = $(this).index();  // tab的index
      $(this).addClass('current').siblings().removeClass('current');
      advanceSonSwiper.slideTo(index);
    });

    // 初始化核心业务的swiper
    var businessSwiper = null;
    var businessSwiperInit = function () {
      DOM.$commonSwiper.hide();  // 隐藏主页面
      DOM.$switchLanguage.fadeOut();  // 隐藏切换语言按钮
      DOM.$businessSwiper.fadeIn(); // 显示公司亮点页面
      DOM.$closeMask.addClass('show');  // 显示关闭弹框按钮
      businessSwiper = new Swiper('.businessSwiper', {
        direction: 'vertical',
        loop: false,
        // 响应鼠标滚轮
        mousewheel: true,
        // 将宽和高取整，防止某些情况下边界模糊
        roundLengths: true,
        lazy: true,
        observer:true,
        observeParents:true,
        on: {
          init: function () {
            // 初始化嵌套的精准诊断业务swiper
            diagnoseSwiperInit();
          }
        }
      });
    };

    /*初始化精准诊断业务swiper*/
    var diagnoseSwiper = null;
    var diagnoseSwiperInit = function () {
      diagnoseSwiper = new Swiper('.diagnose-container', {
        direction: 'vertical',
        slidesPerView: 'auto',
        autoHeight: true,
        freeMode: true, // 内部可滚动
        nested: true,  // 同向嵌套
        /*scrollbar: {
          el: '.swiper-scrollbar2'
        },*/
        grabCursor: true  // 光标显示为手型
      });
    };

    DOM.$buisnessGroupBtn.on('click mouseenter', function () {
      // 点击按钮，查看业务详情, 并滚动到相应的页面
      businessSwiperInit();
      businessSwiper.slideTo($(this).index());
    });

    var slide = null;
    var openSlide = function () {
      // 初始化图片轮播
      slide = $('.zy-Slide').zySlide({ speed: 500, ct: '.member-troduce' });
    };
    var closeSlide = function () {
      // 销毁图片轮播
      if (slide) {
        slide.destory();
        slide = null;
      }
    };

    DOM.$memberDetail.on('click mouseenter', function () {
      // 点击按钮，查看成员详情, 初始化slide
      openSlide();
      DOM.$commonSwiper.hide();  // 隐藏主页面
      DOM.$switchLanguage.fadeOut();  // 隐藏切换语言按钮
      DOM.$memberSlideBox.fadeIn(); // 显示主要页面
      DOM.$closeMask.addClass('show');  // 显示关闭弹框按钮
    });

    var timer = null;
    $(window).on('resize', function () {
      // 窗口大小改变时，重新初始化图片轮播,和各swiper
      clearTimeout(timer);  // 防抖处理
      timer = setTimeout(function () {
        if (slide) {
          closeSlide(); // 首先销毁已有的轮播
          openSlide();
        }
        if(advanceSwiper){
          advanceSwiper.update();
          setTimeout(function(){
            advanceSonSwiper.update();
          }, 300);
          setTimeout(function () {
            cooperationSwiper.update();
            // cooperationSwiper.scrollbar.updateSize()
          }, 600);
        }
        if (businessSwiper){
          businessSwiper.update();
          setTimeout(function(){
            diagnoseSwiper.update();
            // diagnoseSwiper.scrollbar.updateSize()
          },400);
        }
      }, 600);
    });

    // 关闭弹出层页面
    DOM.$closeMask.on('click', function () {
      if (businessSwiper) {
        // 关闭核心页面的弹出页面
        DOM.$businessSwiper.hide();
        businessSwiper.destroy();
        businessSwiper = null;
      }

      if (diagnoseSwiper) {
        diagnoseSwiper.destroy();
        diagnoseSwiper = null;
      }

      if(cooperationSwiper){
        cooperationSwiper.destroy();
        cooperationSwiper = null;
      }

      if (advanceSwiper) {
        // 关闭核心页面的弹出页面
        DOM.$advanceSwiper.hide();

        advanceSonSwiper.destroy();
        advanceSonSwiper = null;

        advanceSwiper.destroy();
        advanceSwiper = null;

        // 清除轮播
        clearInterval(advanceTimer);
        advanceTimer = null;
      }

      if (slide) {
        // 关闭成员页面
        DOM.$memberSlideBox.hide();
        setTimeout(closeSlide, 800);
      }

      if (DOM.$contentWrapH.hasClass('hidden')) {
        DOM.$contentWrapH.removeClass('hidden');  // 恢复弹框的标题
      }

      DOM.$closeMask.removeClass('show'); // 隐藏关闭弹框按钮
      DOM.$commonSwiper.fadeIn();  // 显示主页面
    })
  }
});
